<template>
  <div v-loading="mapLoading" class="content">
    <MapContent />
    <TopSearch />
    <!-- <TopBar /> -->
    <mapcontrol></mapcontrol>
    <bottomBar />
  </div>
</template>

<script setup lang="ts">
import { usePredictionStore } from '@/pages/conventional-fine-forecasting/store/store'
import MapContent from '@/pages/conventional-fine-forecasting/components/map-content.vue'
// import TopBar from '@/pages/conventional-fine-forecasting/components/top-bar.vue'
import TopSearch from '@/pages/conventional-fine-forecasting/components/top-search.vue'
import bottomBar from '@/pages/conventional-fine-forecasting/components/bottom-bar.vue'
import mapcontrol from '@/layouts/mapcontrol/control.vue'

const predictionStore = usePredictionStore()
const mapLoading = computed(() => predictionStore.mapLoading)
let rightPosition = reactive()
provide('rightPosition', rightPosition)
// 页面头部菜单项
const componentVisible = ref('zhjc')
provide('componentVisible', componentVisible)

// 当前时间轴下标
const timeIndex = ref(0)
provide('timeIndex', timeIndex)
const timerId = ref(null)
provide('timerId', timerId)
// 当前时间轴间隔
const timeJgActive = ref(1)
provide('timeJgActive', timeJgActive)
// 当前时间轴传入时间
const timeArr = ref([])
provide('timeArr', timeArr)
const timeCurrent = ref({})
provide('timeCurrent', timeCurrent)
onMounted(() => {})

onUnmounted(() => {
  predictionStore.handleUnmountedInitData()
})
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
